<%= stylesheet_link_tag "users", "webs", "maps" %>
<%= javascript_include_tag "maps", "common/bl_effect" %>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>

<div id="notice" class="notice"><%= notice %></div>
<div class="web-title">
  <span>提单查询</span>
</div>

<div id="myMask" style="position:absolute;left:0;top:0;background:#fff;z-index:9999;width:100%;height:100%;display:none">
</div>
<div class="cargo-wks clearfix">
  <div class="inline-block vtop cargo-article clearfix">

    <%# ************************* search conditions *************************%>
    <%= render :partial => "conditions" %>

    <%# =======================  map show  start========================= %>

    <div class="cargo-map clearfix" id="map" style="height:550px;position: relative;background: #fff">
      <div class="inline-block clearfix vtop" id="mapC" style="width:100%;float:left;">
        <!-- 地图工具栏 -->
        <div style="height:30px;background:#F5F8F9;border-bottom: #C4D5E0 1px solid ;" class="map-tools">
           <span class="inline-block vmiddle" style="height:30px;line-height:30px;text-indent:10px">
             <a class="op-btn vmiddle" href="javascript:fullMap();" id="fullMapBtn"><img src="/assets/full_screen.png"><%= t 'activerecord.attributes.shiper_map.full_screen' %>
             </a>
              <a class="op-btn vmiddle" style="display: none" href="javascript:exitFullMap();" id="exitFullMapBtn"><img src="/assets/full_screen_close.png">退出全屏
              </a>
           </span>
        </div>
        <table cellpadding="0" cellspacing="0">
          <!--<tr>-->
            <td class="vtop map-border" style="">
              <div id="map_container" style="height:519px;width:700px;float:left">
              <p style="margin: 20px;font-size: 15px;"><%= t 'activerecord.attributes.shiper_map.map_loading' %></p>
              </div>
            </td>

            <td id="rst_info_view" class="inline-block vtop" style="height:520px;width:297px;">
               <%= render  "utils/bl_and_ctns" %>
            </td>
          <!--</tr>-->

        </table>
        <div class="shelter">
                <div align="center" style="margin-top: 50px">
                  <img src="/assets/loading_big.gif" class="shelter_pic" />
                  <p id="shelter_msg" style="font-size: 20px;color: white;opacity: 1;"> </p>
                </div>
        </div>
      </div>
      <div id="boxDetailWin">
        <div>
          <label><%= t 'activerecord.attributes.shiper_map.ctn_type' %>
            ：</label><span type="text" class="ctn_type"></span>
        </div>
        <div>
          <label><%= t 'activerecord.attributes.shiper_map.seal_no' %>：</label><span type="text" class="seal_no"></span>
        </div>
        <div>
          <label><%= t 'activerecord.attributes.shiper_map.vehicle_no' %>
            ：</label><span type="text" class="vehicle_no"></span>
        </div>
        <div>
          <label style="display: block; height: 40px; float: left; margin-top: 0"><%= t 'activerecord.attributes.shiper_map.ctn_location' %>
            ：</label><span  type="text" class="ctn-location" style="height: 40px;"></span>
        </div>
      </div>
    </div>
    <%# =======================  map show  end========================= %>

  </div>
</div>